@function rrem ($args){
  @return ($args/200)+rem
};
.login{
  position: fixed;
  top:0;
  bottom:0;
  left:0;
  right:0;
  background-color:#4BACEE;
  &-container{
    height:100%;
    display: flex;
    flex-direction: column;
  }
  &-content{
    padding:0 rrem(80) rrem(20) rrem(80);
    margin-top:rrem(100);
    flex:1;
  }
  &-bg1{
    height:rrem(400);
    width:100%;
  }
  &-input-row{
    display: flex;
    background: rgba(255,255,255,.3);
    color:#fff;
    margin-bottom: rrem(20);
    height:rrem(100);
    align-items: center;
    &:last-child{
      margin-bottom:0;
    }
  }
  &-code-row{
    display: flex;
    justify-content: flex-end;
    margin-bottom: rrem(20);
    color:#fff;
  }
  &-input{
    font-size: rrem(32);
    color:#fff;
    padding-left: rrem(50);
    height:rrem(80);
    width: rrem(350);
    &::-webkit-input-placeholder{
      font-size: rrem(28);
      color:#fff;
    }
    &::-moz-placeholder{
      font-size: rrem(28);
      color:#fff;
    }
    &::-webkit-input-placeholder{
      font-size: rrem(28);
      color:#fff;
    }
    &::-moz-placeholder{
      font-size: rrem(28);
      color:#fff;
    }
    &:-ms-input-placeholder{
      font-size: rrem(28);
      color:#fff;
    }
  }
  .input-label{
    display: inline-block;
    width: rrem(170);
    text-align: center;
    border-right:1px solid #fff;
    font-weight:bold;
  }
  &-submit-btn{
    height:rrem(100);
    background-color:#ffb03a;
    color:#fff;
    font-size: rrem(40);
    font-weight: bold;
    margin-top:rrem(40);
    padding:0 rrem(140);
    justify-content: space-between;
    width: 100%;
    z-index: 999;
    &:active{
      background-color: rgba(255, 176, 58,.8);
    }
  }
  &-minutes{
    display: inline-block;
    width:rrem(90);
    text-decoration: underline;

  }
  &-get-code{
    text-decoration: underline;
  }

}